<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <script src="./jquery.min.js"></script> -->
    <style>
        p {
            margin: 5px 10px;
        }
    </style>
</head>
<body>
    <!-- <table border="1">
        <caption>九九乘法表</caption>
        <script>
            for (var i = 1; i <= 9; i++) {
                document.write("<tr>");
                for (var j = 1; j <= 9; j++) {
                    document.write("<td>" + i + " * " + j + " = " + (i * j) + "</td>");
                }
                document.write("</tr>");
            }
        </script>
    </table> -->
    <h1>九九乘法表</h1>
    <script>
        for (var i = 1; i <= 9; i++) {
            var row = "";
            for (var j = 1; j <= i; j++) {
                row += i + " * " + j + " = " + (i * j) + "  ";
            }
            document.write("<p>" + row  + "</p>");
        }
    </script>
    
</body>
</html>